<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			body,html{
				margin: 0px;
				padding: 0px;
			}
			html{
				background-color:  gainsboro;
			}
			.div1 {
				width: 60%;
				padding: 15px;
				height: 70%;
				overflow-y: hidden;
				left: 33%;
				padding: 5% 10%;
				margin: 10% auto 50px auto;
				border-radius: 15px;
				border: white 1px solid;
			}
			.div2 {
				border-bottom: 1px white solid;
				font-weight: bold;
				font-size: 1.5em;
				margin-bottom: 20px;
				padding: 20px;
			}
			
			
		</style>
		<link rel="stylesheet" type="text/css" href="../../css/bookstap/bootstrap.css" />
	</head>

	<body style="background-color: rgba(000,000,000,0)" >	
		<div class="div1">
			<form action="" class="row form-group">
				<div class="div2">删除账户：</div>
				<input class="form-control" id="id" type="text" name="id"  value="" placeholder="请输入删除账户的ID"/>
			</form>
			<button id="ctlBtn" class="btn btn-danger">提交</button>
		</div>
	</body>
<script src="../../js/jquery-2.0.0.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../layer-v3.1.1/layer/layer.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$("#ctlBtn").on("click", function() {
			var data = $("#id").serialize();
			var row =0;
			$.ajax({
				type: "post",
				url: "/Second_Project/deleteuser",
				async: true,
				data: data,
				success: function suce(row) {
					layer.open({
						title: '删除成功',
						content: '删除了'+row+'行数据'
					});
 
				},
				error: function error() {
					layer.msg('输入有误请重新输入');
					$("#id").focus();
				}
			});
		})
	</script>

</html>